// <!doctype html>
// <html lang="en">

// <head>
//     <meta charset="UTF-8">
//     <meta name="viewport"
//         content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
//     <meta http-equiv="X-UA-Compatible" content="ie=edge">
//     <title>编辑角色</title>
//     <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
// </head>

// <body>
//     <div class="layui-container" style="margin-top: 15px;">
//         <div class="layui-row">
//             <div id='form1' class="layui-col-md4 layui-col-md-offset1">
//                 <div class="demoTable">
//                     搜索ID：
//                     <div class="layui-inline">
//                         <input class="layui-input" name="id" id="demoReload" autocomplete="off">
//                     </div>
//                     <button class="layui-btn" data-type="reload">搜索</button>
//                 </div>
//                 <table lay-filter="root" id="root"></table>
//             </div>
//             <div class="layui-col-md2" id="buttons">
//                 <div class="layui-row">
//                     <div class=" layui-col-md-offset4">
//                         <button id='rightButton' class="layui-btn layui-btn-disabled"><i
//                                 class="layui-icon layui-icon-next"></i></button>
//                     </div>
//                 </div>
//                 <div class="layui-row">
//                     <div class=" layui-col-md-offset4">
//                         <button id='leftButton' class="layui-btn layui-btn-disabled"><i
//                                 class="layui-icon layui-icon-prev"></i></button>
//                     </div>
//                 </div>
//             </div>
//             <div id='form2' class="layui-col-md5">
//                 <table lay-filter="root1" id="root1"></table>
//             </div>
//         </div>
//         <div class="layui-form-item layui-hide">
//             <button class="layui-btn" lay-submit lay-filter="user-edit-role-submit"
//                 id="user-edit-role-submit">提交</button>
//         </div>
//     </div>
// </body>
// <script src="../../../layuiadmin/layui/layui.js"></script>
// <script>
//     layui.config({
//         base: '../../../layuiadmin/' //静态资源所在路径
//     }).extend({
//         index: 'lib/index' //主入口模块
//         , http_proxy: '../myModules/http_proxy'
//     }).use(['index', 'table', 'http_proxy', 'transfer'], function () {
//         var table = layui.table;
//         var $ = layui.$;
//         var http_proxy = layui.http_proxy;

//         var rightCheckedList = new Array;
//         var leftCheckedList = new Array;
//         var userRole = [];
//         var tabArr = [];

//         var table1 = table.render({
//             elem: '#root'
//             , height: 450
//             , width: 400
//             , url: http_proxy('/userRole/getUserRoleByParams/')
//             , cols: [[
//                 { type: 'checkbox', fixed: 'left' ,event:'setSign'}
//                 , { field: 'urid', title: 'ID', width: 50, unresize: 'true', fixed: 'left' }
//                 , { field: 'roleName', title: '角色名', width: 100, unresize: 'true', fixed: 'left' }
//                 , { field: 'roleDescribe', title: '描述', width: 500, unresize: 'true' }
//             ]]
//             , title: "角色列表"
//             , id: 'rootList'
//             , method: 'post'
//             , response: {
//                 countName: 'total' //规定数据总数的字段名称，默认：count
//                 , dataName: 'rows' //规定数据列表的字段名称，默认：data
//             }
//         });

//         $.post({
//             url: http_proxy('/user/getUserByParams')
//             , async: false
//             , data: { 'uid': location.search.substr(location.search.indexOf('=') + 1) }
//             , success: function (obj) {
//                 userRole.push(obj.rows[0].userRole);
//             }
//         })

//         var table2 = table.render({
//             elem: '#root1'
//             , height: 450
//             , width: 400
//             , data: userRole
//             , cols: [[
//                 { type: 'checkbox', fixed: 'left' }
//                 , { field: 'urid', title: 'ID', width: 50, unresize: 'true', fixed: 'left' }
//                 , { field: 'roleName', title: '角色名1', width: 100, unresize: 'true', fixed: 'left' }
//                 , { field: 'roleDescribe', title: '描述', width: 500, unresize: 'true' }
//             ]]
//             , title: "已有角色"
//             , id: 'selectedRootList'
//         });


//         table.on('checkbox(root)', function (obj) {
//             leftCheckedList = table.checkStatus('rootList').data;
//             if (leftCheckedList.length > 0) {
//                 $('#rightButton').attr('class', 'layui-btn');
//             } else {
//                 $('#rightButton').attr('class', 'layui-btn layui-btn-disabled');
//             }
//         });

//         table.on('checkbox(root1)', function (obj) {
//             rightCheckedList = table.checkStatus('selectedRootList').data;
//             if (rightCheckedList.length > 0) {
//                 $('#leftButton').attr('class', 'layui-btn');
//             } else {
//                 $('#leftButton').attr('class', 'layui-btn layui-btn-disabled');
//             }
//         });

//         $('#rightButton').click(function () {
//             if (leftCheckedList.length > 0) {
//                 tabArrr = table.cache['selectedRootList'];
//                 table.reload('selectedRootList', {
//                     data: $.merge(tabArrr, leftCheckedList)
//                 })

//                 layui.each(table.checkStatus('rootList').data,function(checkI,checkN){
//                     layui.each(table.cache['rootList'],function(i,n){
//                         if(checkN.urid === n.urid){
//                             $('[data-index='+n.LAY_TABLE_INDEX+']').hide();
//                         }
//                     })
//                 })




//                 // table.reload('rootList',{
//                 //     url:''
//                 //     ,data: $.each(table.cache['rootList'],function(i,n){
//                 //         console.log($(leftCheckedList).index(n) != -1)
//                 //         return $(leftCheckedList).index(n) === -1;
//                 //     })
//                 // })
//             }

//         })

//     })
// </script>
// <style type="text/css">
//     #form1 {
//         position: relative;
//         right: 50px;
//     }

//     #buttons {
//         position: relative;
//         right: 15px;
//         top: 150px;
//     }

//     #leftButton {
//         position: relative;
//         top: 10px;
//     }

//     #form2 {
//         position: relative;
//         top: 40px;
//     }
// </style>

// </html>